<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
    <meta name="auto" content="width=device-width, initial-scale=1"/>
    <title>自动化测试平台</title>
    <link rel="stylesheet" type="text/css" href="/static/bootstrap/css/bootstrap.min.css"/>
    <link rel="stylesheet" type="text/css" href="/static/sidebar-menu/sidebar-menu.css"/>
    <!-- Font Awesome -->
    <link rel="stylesheet" type="text/css" href="/static/font-awesome/css/font-awesome.min.css"/>
    <!-- end Font Awesome -->
    <link rel="stylesheet" type="text/css" href="/static/ace/css/ace-rtl.min.css"/>
    <link rel="stylesheet" type="text/css" href="/static/ace/css/ace-skins.min.css"/>

    <script type="text/javascript" src="/static/js/jquery.min.js"></script>
    <script type="text/javascript" src="/static/js/bootstrap.min.js"></script>
    <script type="text/javascript" src="/static/sidebar-menu/sidebar-menu.js"></script>
    <script type="text/javascript" src="/static/js/bootstrap-tab.js"></script>

    <!--[if lt IE 9]>
    <script src="/static/js/html5shiv.min.js"></script>
    <script src="/static/js/respond.js"></script>
    <![endif]-->
    <style type="text/css">
        body {
            font-size: 12px;
        }
        .nav > li > a {
            padding: 5px 10px;
        }
        .tab-content {
            padding-top: 3px;
        }
    </style>
</head>
<body>
<div class="navbar navbar-default" id="navbar">
    <ul class="navbar-header pull-left">
        <a href="#" class="navbar-brand">
            <small>自动化测试平台</small>
        </a>
        <a href="#" class="fa fa-list-ul menu-toggler" id="menu-toggler">
            <i class="icon-reorder" style="font-size:20px;margin-left:-18px;margin-top:8px;display:flex;"></i>
        </a>
    </ul>
    <div class="navbar-header pull-right" role="navigation">
        <ul class="nav ace-nav">
            <li class="light-blue" style="height:50px;">
                <a data-toggle="dropdown" href="#" class="dropdown-toggle">
                    <img class="nav-user-photo" src="/static/ace/avatars/avatar2.png"/>
                    <span class="user-info">
                        <small>欢迎光临</small>
                        <small>{{ user }}</small>
                    </span>
                    <i class="icon-caret-down"></i>
                </a>
                <ul class="user-menu pull-right dropdown-menu dropdown-yellow dropdown-caret dropdown-close">
                    <li>
                        <a href="http://xxx.com" target="_blank">
                            <i class="icon-home"></i>
                            企业门户
                        </a>
                    </li>
                    <li>
                        <a href="http://xxx.com" target="_blank">
                            <i class="icon-cog"></i>
                            xxx平台
                        </a>
                    </li>
                    <li>
                        <a href="http://xxx.com" target="_blank">
                            <i class="icon-user"></i>
                            xxx门户
                        </a>
                    </li>
                    <li>
                        <a href="http://xxx.com" target="_blank">
                            <i class="icon-cloud"></i>
                            xxxx
                        </a>
                    </li>
                    <li class="divider"></li>
                    <li>
                        <a href="/logout/" target="_top">
                            <i class="icon-off"></i>
                            退出
                        </a>
                    </li>
                </ul>
            </li>
        </ul>
    </div>
</div>
<div class="main-container" id="main-container">
    <div class="main-container-inner">
        <div class="sidebar" id="sidebar">
            <div class="sidebar-collapse" id="sidebar-collapse" style="display:none;">
                <i class="icon-double-angle-left" data-icon1="icon-double-angle-left"
                   data-icon2="icon-double-angle-right"></i>
            </div>
            <ul class="nav nav-list" id="menu"></ul>
        </div>
        <div class="main-content">
            <div class="page-content">
                <div class="row">
                    <div class="col-xs-12" style="padding-left:5px">
                        <ul class="nav nav-tabs" role="tablist">
                            <li class="active"><a href="#Index" role="tab" data-toggle="tab">业务线系统概况</a></li>
                        </ul>
                        <div class="tab-content" style="height:1000px">
                            <div role="tabpanel" class="tab-pane active" id="Index" style="height:100%">
                                <h4>欢迎您，来到 Autotestplat</h4>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<!--左侧菜单树-->
<script>
    //    toastr.options.positionClass = 'toast-bottom-right';
    $(function () {
        $('#menu').sidebarMenu({
            data: [
                {
                    id: '1',
                    text: '产品中心',
                    icon: 'icon-tags',
                    url: '/product_manage/',
                },
                {
                    id: '2',
                    text: '用例管理suite',
                    icon: 'icon-bookmark',
                    url: '',
                    menus: [
                        {
                            id: '21',
                            text: '单接口suite',
                            icon: 'icon-tag',
                            url: '/apis_suite/'
                        },
                        {
                            id: '22',
                            text: '流程接口suite',
                            icon: 'icon-tag',
                            url: '/apitest_suite/'
                        },
                        {
                            id: '23',
                            text: 'app suite',
                            icon: 'icon-tag',
                            url: '/appcase_manage/'
                        },
                        {
                            id: '24',
                            text: 'web suite',
                            icon: 'icon-tag',
                            url: '/webcase_manage/'
                        },
                    ]
                },
                {
                    id: '3',
                    text: '定时任务',
                    icon: 'icon-bookmark',
                    url: '/periodic_task/',
                },
                {
                    id: '4',
                    text: 'bug管理',
                    icon: 'icon-bookmark',
                    url: '',
                    menus: [
                        {
                            id: '51',
                            text: '单接口缺陷',
                            icon: 'icon-tag',
                            url: '/bug_manage/'
                        },
                        {
                            id: '52',
                            text: '流程接口缺陷',
                            icon: 'icon-tag',
                            url: '/bug_manage/'
                        },
                        {
                            id: '53',
                            text: 'app缺陷',
                            icon: 'icon-tag',
                            url: '/bug_manage/'
                        },
                        {
                            id: '54',
                            text: 'web缺陷',
                            icon: 'icon-tag',
                            url: '/bug_manage/'
                        }
                    ]
                },
                {
                    id: '5',
                    text: '测试报告',
                    icon: 'icon-bookmark',
                    url: '/bug_manage/',
                },
                {
                    id: '6',
                    text: '系统设置',
                    icon: 'icon-bookmark',
                    url: '',
                    menus: [
                        {
                            id: '61',
                            text: '参数设置',
                            icon: 'icon-tag',
                            url: '/set_manage/'
                        },
                        {
                            id: '62',
                            text: '用户管理',
                            icon: 'icon-tag',
                            url: '/user/'
                        }
                    ]
                }
            ]
        });
        $('#menu-toggler').click(function () {
            var children = $('#sidebar-collapse').children('i');
            if ($(children).hasClass('icon-double-angle-left')) {
                $(children).removeClass('icon-double-angle-left').addClass('icon-double-angle-right');
                $('#sidebar').attr('class', 'sidebar menu-min display');
            } else {
                $(children).removeClass('icon-double-angle-right').addClass('icon-double-angle-left');
                $('#sidebar').attr('class', 'sidebar display');
            }
        });
    });
</script>
<script src="/static/ace/js/ace-extra.min.js"></script>
<script src="/static/ace/js/ace.min.js"></script>
</body>
</html>